<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="ISO-8859-1">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>GT Studio - Holbox Photo Gallery</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width">

        <link rel="icon" type="image/x-icon" href="images/favicon.ico" />
        <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />

        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="css/normalize.css">
        <link rel="stylesheet" href="css/main.css">
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/medias.css">

        <link href='http://fonts.googleapis.com/css?family=Abel' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,300italic,400italic,600italic' rel='stylesheet' type='text/css'>

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.2.min.js"><\/script>')</script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/plugins.js"></script>
        <script src="js/main.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        <script src="js/jquery.fitvids.js"></script>
        <script type="text/javascript">
            // Basic FitVids Test
            $(".container-video").fitVids();
        </script>
    </head>
    <body>
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->

        <!-- COMIENZO HEADER -->
        <header>
            <div id="main-header">
                <div class="container">
                    <a href="index.php"><h1>Green Tomato Studio</h1></a>
                </div>
            </div>
            <div id="second-header">
                <div class="container">
                    <p class="title-lang">He aqu&iacute; el</p>
                    <p class="text-lang">PORFOLIO</p>
                </div>
            </div>
        </header>
        <!-- FIN HEADER -->

        <!-- COMIENZO NAV -->
        <nav>
            <div class="container">
                <!-- BOTONERA -->
                <?php include 'includes/botonera.php'; ?>
                <!-- FIN BOTONERA -->
            </div>
        </nav>
        <!-- FIN NAV -->

        <!-- STICKY MENU -->
        <?php include 'includes/sticky-menu.html'; ?>
        <!-- FIN STICK MENU -->

        <!-- PORFOLIO INDIVIDUAL -->
        <section>
            
            <!-- MENU PORFOLIO INDIVIDUAL -->
            <div class="porfolio-nav-wrapper">
                <div class="container">
                    <div class="row-fluid work-info">
                        <div class="span9">
                            <h2>Holbox Photo Gallery</h2>
                            <p>Dise&ntilde;o y desarrollo de sitio web y porfolio online administrabe por el cliente.</p>
                        </div>
                        <div class="span3">
                            <div class="buttons-porfolio">
                                <div class="grid-view bgSprite"><a href="porfolio.php"></a></div>
                                <div class="controls-porfolio">
                                    <a href="atma.php" class="prev-work bgSprite"><</a>
                                    <a href="estudio-fuseo-arquitectos.php" class="next-work bgSprite">></a>
                                </div>                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- FIN PORFOLIO INDIVIDUAL -->
            
            <div class="container mgTX">
                <div class="row-fluid">
                    <div class="span5 photo-header-porfolio"><img src="content/porfolio/web/holbox/badge-holbox.jpg" alt="" /></div>
                    <div class="span7 description-header-porfolio">
                        <p class="lead">Un espacio abierto a todos creado por y para fot&oacute;grafos con muestras permanentes para visitar durante todo el a&ntilde;o.</p>
                        <a href="http://www.holboxphotogallery.com/" class="pull-left" target="_blank">www.holboxphotogallery.com</a>
                    </div>
                </div>
                <div class="row-fluid"><div class="span"><div class="full-line"></div></div></div>
                <div class="row-fluid big-photos-porfolio sinLinea">
                    <div class="span">
                        <img src="content/porfolio/web/holbox/mockup-holbox.jpg" alt="" />
                    </div>
                </div>
                <div class="linea-porfolio"></div>
                <div class="row-fluid big-photos-porfolio">
                    <div class="span6">
                        <div class="row-fluid">
                            <div class="span">
                                <img src="content/porfolio/web/holbox/holbox1sm.jpg" alt="" />
                            </div>
                        </div>
                    </div>
                    <div class="span6">
                        <div class="row-fluid">
                            <div class="span">
                                <img src="content/porfolio/web/holbox/holbox2.jpg" alt="" />
                            </div>
                        </div>
                        <div class="row-fluid">
                            <div class="span">
                                <img src="content/porfolio/web/holbox/holbox3.jpg" alt="" />
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FIN PORFOLIO INDIVIDUAL -->

        <!-- DIVIDER PORFOLIO INDIVIDUAL -->
        <div class="divisor">
            <?php include 'includes/divisores/consulta.html'; ?>
        </div>
        <!-- FIN DIVIDER PORFOLIO INDIVIDUAL -->

        <!-- FOOTER -->
        <footer>
            <div id="footer-wrapper">
                <div class="container gt-datos">
                    <p class="titulo">Green Tomato Studio</p>
                    <p>Buenos Aires, Argentina
                        <br />info@greentomato.com.ar
                        <br />tel. 6009-8001
                    </p>
                </div>
            </div>
            <div class="social-wrapper">
                <div class="social-wrapper-center">
                    <div class="social-network bgSprite facebook"><a href="http://www.facebook.com/GreenTomatoST" target="_blank" title="Facebook"></a></div>
                    <div class="social-network bgSprite twitter"><a href="https://twitter.com/greentomatost" target="_blank" title="Twitter"></a></div>
                    <div class="social-network bgSprite vimeo"><a href="https://vimeo.com/greentomatost" target="_blank" title="Vimeo"></a></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </footer>
        <!-- FIN FOOTER -->
    </body>
</html>
